import './App.css';
import Child from './components/Child';
import High from './components/High';
import High2 from './components/High2';

import One from './components2/One';
import Two from './components2/Two';
import Three from './components2/Three';

import Title from './components3/Title';
import Pic from './components3/Pic';

function App() {
  return (
    // <div className="App">
    //   {/* 传递的内容如果是html结构的话，使用children */}
    //   {/* 传递的children为空--undefined */}
    //   <Child/>
    //   <Child>
    //     {/* 传递的children为单个--对象 */}
    //     <h3>children</h3>
    //   </Child>

    //   <Child>
    //     {/* 传递的children为多个--数组 */}
    //     <h3>children</h3>
    //     <h3>
    //       children
    //       <span>1</span>
    //     </h3>
    //   </Child>
    // </div>

    <div>
      {/* <High/>
      <High2/> */}

      {/* <One/>
      <Two/>
      <Three/> */}

      <Title/>
      <Pic/>


    </div>
  );
}

export default App;
